/*
	Theme Name: FloralFlower
	Theme URI: http://themepix.com/wordpress-themes/floralflower/
	Description: FloralFlower is a WordPress theme with featured posts option, post thumbnails and theme admin/options page. Suitable for any niche, especially for personal blogs.
	Author: ThemePix.com
	Author URI: http://themepix.com/
	Version: 3.3.1
        Tags: blue, personal, three-columns, left-sidebar, right-sidebar
*/

/* LAYOUT */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700&subset=latin,vietnamese);
body {
    background: none repeat scroll 0 0 #EAEAEB;
}
*{outline:none;}
img{border:none;}
.clr{clear:both;}
#wrapper {
    background: url('images/bg.png') repeat-x;
    background-attachment: fixed;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
}
#wrapper-bg {
    /*background: url("images/wrapper-bg.jpg") no-repeat scroll center top transparent;*/
}
#wrapper-bg2 {
}
#outer-wrapper {
}
#contentwrap {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    margin-top: 5px;
    padding-top: 5px;
}
a {
    color: #296566;
    text-decoration: none;
}
a:hover {
    color: #333333;
    text-decoration: underline;
}
#header
{
    height: 90px;
}
#header h1 {
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 0 !important;
    margin-top: 0;
    padding: 3px 0 0 10px;
    text-transform: uppercase;
}
#header h1 a, #header h1 a:visited {
    color: #2A5F6D;
    text-decoration: none;
}
#header h2 {
    color: #2A5F6D;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 12px;
    font-style: normal;
    padding-left: 10px;
}
.logoimg {
    margin: 3px 0 0 10px;
}
.feedtwitter {
    margin-top: 17px;
    text-align: left;
}
#pagemenucontainer {
    float: left;
    height: 38px;
    margin-top: 9px;
}
#pagemenu {
    float: left;
}
#pagemenu, #pagemenu ul {
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#pagemenu {
}
#pagemenu ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#pagemenu li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#pagemenu ul li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#pagemenu li a, #pagemenu li a:link {
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px 14px;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
    text-transform: none;
}
#pagemenu li a:hover, #pagemenu li a:active {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
}
#pagemenu li.current_page_item a {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}
#pagemenu li:hover, #pagemenu li.sfhover {
    position: static;
}
#navcontainer {
    background: url("images/menu.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 52px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    text-shadow: 0 1px 0 #000000;
}
#navcontainer .current-cat a {
    background: none repeat scroll 0 0 #000000;
}
#content {
    margin: 0;
    padding: 0;
}
pre {
    overflow: auto;
    width: 460px;
}
.post {
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 0;
}
.post p {
    margin-bottom: 10px;
}
.title {
    /*color: #333333;*/
    /*font-family: 'Oswald',Arial,Helvetica,Sans-serif;*/
    /*font-size: 26px;*/
    /*font-weight: normal;*/
    /*margin-bottom: 5px;*/
    /*padding: 0;*/
}
.title a {
    color: #333333;
    text-decoration: none;
}
.title a:hover {
    color: #333333;
    text-decoration: none;
}
.pagetitle {
    border-bottom: 3px solid #333333;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    line-height: 22px;
    margin-bottom: 20px;
    padding-bottom: 7px;
    padding-top: 4px;
    text-decoration: none;
}
.readmorecontent {
    text-align: right;
}
.postdate {
    color: #666666;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 12px;
    padding: 2px 0;
}
.postmeta {
    font-family: Arial,Verdana;
    font-size: 11px;
    padding: 2px 4px;
}
.postdate img, .postmeta img {
    border: medium none;
    margin: 2px;
    vertical-align: middle;
}
.entry {
    font-family: Arial,Verdana;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 15px;
    text-align: justify;
}
.navigation {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
blockquote {
    border-left: 3px solid #888888;
    color: #444444;
    font-style: italic;
    overflow: hidden;
    padding-left: 9px;
}
.post img {
    max-width: 500px;
}
img.wp-smiley {
    border: medium none;
    margin: 0;
    max-height: 12px;
    padding: 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.wp-caption {
    background-color: #F3F3F3;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    margin: 10px;
    padding-top: 4px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #333333 !important;
    font-size: 15px !important;
    padding: 4px 8px !important;
}
.wp-pagenavi a:hover {
    background: none repeat scroll 0 0 #168FB8 !important;
    border: 0 none !important;
    color: #FFFFFF !important;
}
.wp-pagenavi span.pages {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #333333 !important;
    font-size: 15px !important;
    padding: 4px 8px !important;
}
.wp-pagenavi span.current {
    background: none repeat scroll 0 0 #192741;
    border: 0 none !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: bold;
    padding: 4px 8px !important;
}
.wp-pagenavi span.extend {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #232323 !important;
    font-size: 15px !important;
    padding: 4px 8px !important;
}
.sidebaradbox {
    margin-bottom: 5px;
    padding: 4px;
    text-align: center;
}
.ad125 {
    margin: 10px;
}
.sidebar {
    color: #444444;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0 !important;
    margin-top: 0;
}
.sidebar-right {
    padding-left: 0;
    width: 250px;
}
.sidebar-left {
    margin-left: 5px;
    width: 165px;
}
.sidebar-left h2 {
}
.sidebar-right h2 {
}
.sidebar a {
    text-decoration: none;
}
.sidebar a:hover {
    text-decoration: underline;
}
#search {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 26px;
    padding: 0 2px;
    text-align: right;
    width: 220px;
}
#search input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #444444;
    margin-right: 5px;
    margin-top: 2px;
    padding-top: 3px;
}
#s {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 3px 0 0;
    padding: 4px;
    width: 140px;
}
#topsearch #s {
    float: left;
    width: 177px;
}
#topsearch #search {
    float: right;
    margin: 8px 9px 0 0;
}
.sidebar h2 {
    background: url("images/h2bg.jpg") repeat-x scroll 0 0 #296566;
    color: #FFFFFF;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 18px;
    margin: -5px -5px 0;
    padding: 7px 5px 9px;
    text-transform: none;
}
.sidebar ul {
    list-style-type: none;
    margin: 0 0 5px;
    padding: 0;
}
.sidebar ul li {
    background: none repeat scroll 0 0 #EEEEEE;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 5px;
}
.sidebar ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sidebar ul li ul li, .sidebar ul li li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    margin: 0;
    padding: 3px 0;
}
#wp-calendar th {
    background: none repeat scroll 0 0 transparent;
    color: #444444;
    font-style: normal;
    text-transform: capitalize;
}
#wp-calendar caption {
    background: none repeat scroll 0 0 transparent;
    color: #444444;
    margin: 2px 0;
    padding: 2px 4px;
    text-transform: uppercase;
}
#wp-calendar td {
    color: #444444;
    font: 12px 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
}
#wp-calendar td:hover, #wp-calendar #today {
    background: url("images/h2bg.jpg") repeat-x scroll 0 0 #B18D03;
    color: #FFFFFF;
}
#wp-calendar td:hover a, #wp-calendar #today a {
    color: #FFFFFF;
}
#wp-calendar {
    empty-cells: show;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    width: 95%;
}
#footer {
    float: left;
    margin-left: 15px;
    text-align: left;
}
#footer a {
    color: #FFFFFF;
}
#footer a:hover {
    color: #000000;
    text-decoration: none;
}
#info {
    float: right;
    margin-right: 15px;
    text-align: right;
}
#info a {
    color: #FFFFFF;
    text-decoration: none;
}
#comments h3 {
    margin-bottom: 10px;
}
#commentform input {
    margin: 5px 5px 1px 0;
    padding: 2px;
    width: 170px;
}
#commentform {
    margin: 5px 10px 0 0;
}
#commentform textarea {
    padding: 2px;
    width: 100%;
}
#respond:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#commentform #submit {
    float: right;
    margin: 0 0 5px auto;
}
.alt {
    margin: 0;
    padding: 10px;
}
.commentlist {
    padding: 0;
    text-align: justify;
}
.commentlist li {
    list-style: none outside none;
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
}
.commentlist li ul li {
    margin-left: 10px;
    margin-right: -5px;
}
.commentlist p {
    margin: 10px 5px 10px 0;
}
.children {
    padding: 0;
}
#commentform p {
    margin: 5px 0;
}
.nocomments {
    margin: 0;
    padding: 0;
    text-align: center;
}
.commentmetadata {
    display: block;
    margin: 0;
}
.post_thumbnail {
    border: 1px solid #EEEEEE;
    margin: 6px 10px 10px 0;
    padding: 3px;
}
.featured-post-slider {
    margin: 0 0 15px;
}
.featured-post-slides-container {
}
.featured-post-slides, .featured-post-thumbnail, .featured-post-prev-next, .featured-post-nav {
    width: 519px;
}
.featured-post-slides, .featured-post-thumbnail {
    height: 300px;
    overflow: hidden;
    position: relative;
}
.featured-post-title {
    color: #FFFFFF;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 2px;
}
.featured-post-title a, .featured-post-title a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.featured-post-content {
    background: none repeat scroll 0 0 #222222;
    border-top: 1px solid #000000;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    right: 0;
}
.featured-post-content p {
    color: #FFFFFF;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
.featured-post-more, .featured-post-more:hover {
    color: #FFFFFF;
    font-weight: bold;
}
.featured-post-nav {
    background: url("images/featured-post-navbg.png") repeat-x scroll 0 0 #2B2D2D;
    height: 15px;
    padding: 10px 0;
    text-align: center;
}
.featured-post-pager a {
    background-image: url("images/featured-pager.png");
    background-position: 0 12px;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 12px;
    line-height: 1;
    margin: 0 8px 0 0;
    opacity: 0.7;
    overflow: hidden;
    padding: 0;
    text-indent: -999px;
    width: 12px;
}
.featured-post-pager a:hover, .featured-post-pager a.activeSlide {
    background-position: 0 -28px;
    opacity: 1;
    text-decoration: none;
}
.featured-post-prev-next-wrap {
    position: relative;
    z-index: 200;
}
.featured-post-prev-next {
    bottom: 130px;
    height: 37px;
    left: 0;
    position: absolute;
    right: 0;
}
.featured-post-prev {
    background: url("images/featured-prev.png") no-repeat scroll left top transparent;
    float: left;
    height: 37px;
    margin-left: 10px;
    opacity: 0.6;
    width: 37px;
}
.featured-post-prev:hover {
    opacity: 0.8;
}
.featured-post-next {
    background: url("images/featured-next.png") no-repeat scroll right top transparent;
    float: right;
    height: 37px;
    margin-right: 10px;
    opacity: 0.6;
    width: 36px;
}
.featured-post-next:hover {
    opacity: 0.8;
}
.footer_content {
    float: left;
    padding: 20px;
}
.clear {
    clear: both;
}
.navis, .navis * {
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.navis ul {
    position: absolute;
    top: -999em;
    width: 100%;
}
.navis ul li {
    width: 100%;
}
.navis li:hover {
    visibility: inherit;
}
.navis li {
    float: left;
    position: relative;
}
.navis a {
    display: block;
    position: relative;
}
.navis li:hover ul, .navis li.sfHover ul {
    left: 0;
    top: 100%;
    z-index: 99;
}
.navis li:hover li ul, .navis li.sfHover li ul {
    top: -999em;
}
.navis li li:hover ul, .navis li li.sfHover ul {
    left: 100%;
    top: 0;
}
.navis li li:hover li ul, .navis li li.sfHover li ul {
    top: -999em;
}
.navis li li li:hover ul, .navis li li li.sfHover ul {
    left: 100%;
    top: 0;
}
.sf-shadow ul {
    border-bottom-left-radius: 17px;
    border-top-right-radius: 17px;
    padding: 0 8px 9px 0;
}
.navis .sf-shadow ul.sf-shadow-off {
    background: none repeat scroll 0 0 transparent;
}
.navi-primary-container {
    float: left;

    position: relative;
    z-index: 400;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;

    padding: 4px 0;
}
.navi-primary {
}
.navi-primary ul {
    min-width: 160px;
}
.navi-primary li a {
    /*color: #FFFFFF;*/
    /*font-family: 'Oswald',Arial,Helvetica,Sans-serif;*/
    /*font-size: 14px;*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*margin: 0;*/
    /*padding: 16px 14px 12px;*/
    /*text-decoration: none;*/
    /*text-transform: none;*/
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding: 13px 19px;
}
.navi-primary li a:hover, .navi-primary li a:active, .navi-primary li a:focus, .navi-primary li:hover > a, .navi-primary li.current-cat > a, .navi-primary li.current_page_item > a, .navi-primary li.current-menu-item > a {
    color: #fff;
    background: #179400;
    outline: 0 none;
}
.navi-primary li li a {
    background: none repeat scroll 0 0 #179400;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 10px 15px;
    text-transform: none;
}
.navi-primary li li a:hover, .navi-primary li li a:active, .navi-primary li li a:focus, .navi-primary li li:hover > a, .navi-primary li li.current-cat > a, .navi-primary li li.current_page_item > a, .navi-primary li li.current-menu-item > a {
    background: none repeat scroll 0 0 #333333;
    border-bottom: 0 none;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}
.navi-primary a.sf-with-ul {
    min-width: 1px;
    padding-right: 17px;
}
.navi-primary .sf-sub-indicator {
    display: block;
    overflow: hidden;
    padding: 11px 9px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}
.navi-primary li li .sf-sub-indicator {
    padding: 9px 10px 0 0;
}
.wrap-navi-primary .sf-shadow ul {
}
.navi-secondary-container {
    height: 53px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 300;
}
.navi-secondary {
    margin: 0 auto;
}
.navi-secondary ul {
    min-width: 160px;
}
.navi-secondary li a {
    color: #333333;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 21px 12px 18px;
    text-decoration: none;
    text-transform: none;
}
.navi-secondary li a:hover, .navi-secondary li a:active, .navi-secondary li a:focus, .navi-secondary li:hover > a, .navi-secondary li.current-cat > a, .navi-secondary li.current_page_item > a, .navi-secondary li.current-menu-item > a {
    color: #000000;
    outline: 0 none;
}
.navi-secondary li li a {
    background: none repeat scroll 0 0 #F4F4F4;
    color: #3D3F3F;
    font-weight: normal;
    margin: 0;
    padding: 10px 15px;
    text-transform: none;
}
.navi-secondary li li a:hover, .navi-secondary li li a:active, .navi-secondary li li a:focus, .navi-secondary li li:hover > a, .navi-secondary li li.current-cat > a, .navi-secondary li li.current_page_item > a, .navi-secondary li li.current-menu-item > a {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    outline: 0 none;
}
.navi-secondary a.sf-with-ul {
    min-width: 1px;
    padding-right: 26px;
}
.navi-secondary .sf-sub-indicator {
    display: block;
    overflow: hidden;
    padding: 21px 13px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}
.navi-secondary li li .sf-sub-indicator {
    padding: 9px 13px 0 0;
}
.wrap-navi-secondary .sf-shadow ul {
}
h2.twittertitle a, h2.twittertitle a:hover {
    color: #FFFFFF;
}
.tweets-widget ul li:first-child {
    margin-top: 5px;
}
.tweets-widget li.tweets-bird {
    background: url("images/tweets.png") no-repeat scroll left 9px transparent;
    padding-left: 24px;
}
.tweets-widget ul li {
    list-style: none outside none;
    margin: 15px 0 0;
    padding: 0;
}
img.popular-sidebar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin-right: 10px;
    margin-top: 5px;
    padding: 3px;
}
.readmore {
    padding-right: 10px;
    padding-top: 5px;
    text-align: right;
}
a.more-link {
    background: url("images/h2bg.jpg") repeat-x scroll 0 0 #296566;
    color: #FFFFFF;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-weight: normal;
    margin-left: 0;
    padding: 7px 10px 7px 12px;
}
img.post_thumnail {
}
div.post_thumnail {
    height: 160px;
    overflow: hidden;
}
.pagination {
    clear: both;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 12px;
    line-height: 13px;
    padding: 0;
    position: relative;
}
.pagination span, .pagination a {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px;
    text-decoration: none;
    width: auto;
}
.pagination a:hover {
    background: none repeat scroll 0 0 #3279BB;
    color: #FFFFFF;
}
.pagination .current {
    background: url("images/h2bg.jpg") repeat-x scroll 0 0 #296566;
    color: #FFFFFF;
    padding: 6px 9px 5px;
}
h2.widgettitle a {
    color: #FFFFFF;
}
.addthis_toolbox {
    float: right;
    padding-right: 5px;
    padding-top: 0px;
    text-align: left;
}
.postdate-single {
    color: #555555;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 12px;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
}
.postdate-single-2 {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #555555;
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 5px;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
}
.postdate-single-2 img, .postmeta-single-2 img {
    border: medium none;
    margin: 0 2px 2px;
    vertical-align: bottom;
}
.footer-outer {
    background: url("images/h2bg.jpg") repeat-x scroll 0 0 #296566;
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 auto;
    padding-bottom: 14px;
    padding-top: 14px;
    width: 1000px;
}
div#info ul li {
    display: inline;
    padding-right: 5px;
}
div#info ul {
    margin: 0;
    padding: 0;
}
.postcont-fullwidth {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 5px 10px 9px;
    min-height: 100px;
    padding: 10px;
}
a.more-link:hover {
    background: none repeat scroll 0 0 #333333;
    text-decoration: none;
}
.sitemap-xml h2 {
    border-bottom: 2px solid #CCCCCC;
    font-family: "Oswald",Arial,Helvetica,Sans-serif;
    font-size: 20px;
    margin: 0 0 7px;
}
.sitemap-col {
    margin-right: 15px;
}
.sitemap-xml h3 {
    font-family: "Oswald",Arial,Helvetica,Sans-serif;
    font-size: 15px;
    margin: 0 0 10px;
}
.sitemap-xml span {
    float: left;
    margin-right: 15px;
    width: 30%;
}
.post-cat {
    width: 98% !important;
}
.firstlink, .firstlink a, firstlink:hover {
    color: #1A0935;
    font-size: 10px;
    height: 0px;
}
#toppage{
    margin-bottom: 7px;
    height: 120px;
}
#toppage .modimage{float:left; margin-top: 0px;}
#toppage .modimage1{margin-right:7px}

#content{margin-top:0px;width: 980px}
#content a, #content p, .menubottom, #bottompage{font-family:Myriad Pro, Arial, Helvetica, sans-serif}

.contentleft .box{float:left; width:340px; margin-right:25px; text-align:center; margin-bottom:25px}
.contentleft .box .image-box{
    height: 199px;
}
.contentleft .box .image-box img{
    width: 340px;
    height: 199px;
}
.contentleft .box h1{color:#1c8421; text-transform:uppercase; font-weight:normal; font-style:italic; font-size:24px; margin-top:11px; margin-bottom:5px}
.contentleft .box h1 b{font-weight:500}
.contentleft .box p{text-align:left; margin:0}
.contentleft .box1{width:338px; border:1px solid #a8a8a8}
.contentleft .box1 .listitem{text-transform:uppercase;; font-size:13px; padding:0 20px}
.contentleft .box1 .listitem h4{color:#1c8421; font-size:14px; margin:10px 0 1px}
.contentleft .box1 .listitem a{color:#000; text-decoration:none; font-weight: 500;}
.contentleft .box1 .listitem a:hover{color:#1C8421;}
.contentleft .box1 .listitem p{text-align:center}
.contentleft .box1 .listitem .item{border-bottom:1px solid #999; padding-bottom:10px;min-height: 44px;}
.contentleft .box1 .listitem .item:nth-child(7){border-bottom:none}
.contentleft .box1 .image-news img{
    width: 251px;
    height: 128px;
}
.contentleft .box2 h1{border-top:1px solid #000; border-bottom:1px solid #000; margin-top: 0; padding:1px 0}
.contentleft .box2 .listitem .item img{float:left; margin-right:10px;width: 80px;height: 80px;}
.contentleft .box2 .listitem .item{text-align:left; margin-bottom:10px;min-height: 80px}
.contentleft .box2 .listitem .item a{color:#1c8421; text-decoration:none}
.contentleft .box2 .listitem .item a:hover{text-decoration:underline}
.contentleft .box2 .listitem .item p{margin-top:10px; margin-bottom:0}
.contentleft .box2 .listitem .item:nth-child(6){margin-bottom:0}

.slidemiddle{border:1px solid #a8a8a8; margin-bottom:25px; padding:5px 20px 20px; background:url('images/bghomeslide.png') repeat}
.slidemiddle h1{text-transform:uppercase; font-size:30px; color:#1c8421; font-style:italic; font-weight:normal; margin:0}

.contentleft, .contentright{float:left; width:250px}
.contentright{float:right;}
.contentleft{width: 730px;}

.contentright .mod{margin-bottom:25px;}

.contentright .modsocial{padding-left:1px}
.contentright .modsocial h1, .contentright .modsubleter h1, .contentright .modmostviewed h1{color:#1c8421; font-size:18px; margin:0 0 1px; text-transform:uppercase; font-style:italic; border-bottom:1px solid #000; border-top:1px solid #000; text-align:center; font-weight:normal; padding-top:3px;padding-bottom: 3px;}
.contentright .modsocial a{float:left; display:block; background:url('images/iconsocial.png') top left no-repeat; width:37px; height:37px; margin-right: 16px;}
.contentright .modsocial .sc2{background-position:-53px 0}
.contentright .modsocial .sc3{background-position:-107px 0}
.contentright .modsocial .sc4{background-position:-160px 0}
.contentright .modsocial .sc5{background-position:-213px 0; margin-right:0}

.contentright .modsubleter{padding-bottom:20px}
.contentright .modsubleter h1{border:none; margin:2px 0}
.contentright .modsubleter{text-align:center; border:1px solid #a8a8a8; background:url('images/bgsubleter.png') repeat}
.contentright .modsubleter label{font-size:12px; display:block; margin-bottom:10px}

.contentright .modsubleter input[type="submit"]{width:61px; background:#179400; border:none; color:#fff; padding:3px 0; text-transform:uppercase; font-size:12px}
.contentright .modsubleter input[type="text"]{border:1px solid #000; margin:0; font-size:12px; padding:3px; margin-right:3px; width:150px}

.contentright .modmostviewed ul{margin:0; padding:5px 0 0; list-style:none}
.contentright .modmostviewed ul li{padding:0 0 0 15px; background:url('images/iconlist1.png') left 5px no-repeat; padding-bottom:8px}
.contentright .modmostviewed ul li a{color:#000; text-decoration:none}
.contentright .modmostviewed ul li a:hover{color:#1C8421}

.mod{margin-bottom:25px}
.fun .listcontentofcate h1{margin:0; padding:0; height:45px; background:url(images/titlemodfun.png) left top no-repeat}
.listcontentofcate ul{margin:15px 0 0; padding:0; list-style:none}
.listcontentofcate ul li{float:left; margin-right:25px; width:340px; height:298px; overflow:hidden; margin-bottom:25px}
.listcontentofcate ul li img{width:100%; height:204px}
.listcontentofcate ul li a{font-size:18px; color:#000; text-decoration:none; text-align:center; display:block; margin-bottom:8px; }
.listcontentofcate ul li a:hover{color: #1C8421;}
.listcontentofcate ul li a:nth-child(2){max-height:44px; overflow:hidden}
.listcontentofcate ul li p{margin:0; max-height:34px; overflow:hidden}
.listcontentofcate .paging{text-align:center}
.listcontentofcate .paging a{display:inline-block; margin:0 2px; color:#000; padding:0px 6px; text-decoration:none}
.listcontentofcate .paging a:hover, .listcontentofcate .paging .active{color:#fff; background:#179400}

.modslidecontentcate{width:705px; margin-bottom:15px}

.fun .modsocial h1{height:31px; background:url(images/ketnoicongdong1.png) left top no-repeat; border:none}
.fun .modmostviewed h1{height:31px; background:url(images/tinxemnhieunhat1.png) left top no-repeat; border:none}
.fun .modmostvideo h1{height:31px; background:url(images/videonoibat1.png) left top no-repeat; margin:0 0 1px; padding:0; border:none}

.modmostvideo a{display:block; text-decoration:none; color:#000; margin:7px 0;}
.modmostvideo a:nth-child(2), .modmostvideo a:hover{color:#1c8421}
.modmostvideo a:nth-child(2){text-align:center}
.modmostvideo a:nth-child(3), .modmostvideo a:nth-child(4){padding-left:16px; background:url(images/iconlistvi.png) left 6px no-repeat}
.modmostvideo a:nth-child(4){margin-bottom:0}

.dep .listcol1, .dep .listcol2{float:left; width:365px}
.dep .listcol1 h1{height:38px; background:url(images/h1thoitrang.png) left top no-repeat}
.dep .listcol2 h1{height:38px; background:url(images/h1lamdep.png) left top no-repeat}

.viewmore{color:#1c8421; text-decoration:none; font-style:italic; font-size:14px; font-weight:600;}
.dep .modmostvideo h1{display:none}

.topcontcate ul{margin:0; padding:0; list-style:none}
.topcontcate ul li{height:35px; margin-bottom:10px; overflow:hidden}
.topcontcate ul li a{display:block; text-decoration:none; color:#000}
.topcontcate ul li a img{float:left; width:55px; height:35px; margin-right:10px}
.topcontcate ul li a:hover{color:#179400}
.topcontcate h1{margin:0 0 15px}
.topcontcate.mod1 h1{height:28px; background:url(images/h1topnew1.png) left top no-repeat}
.topcontcate.mod2 h1{height:28px; background:url(images/h1topnews2.png) left top no-repeat}

.giaitri .listcontentofcate h1{border-top:1px solid #000; border-bottom:1px solid #000; margin-top: 0; padding:1px 0 1px 70px; background:url(../images/iconbgh1cate.png) 25px center no-repeat; color: #1C8421;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1px; height:auto; width:270px;
    text-transform: uppercase;}

.chuyenmuc .listcontentofcate h1, .modtinlienquan h1, .modcactinkhac h1{border:none; background:url(images/bgh1chuyenmuc.png) left top no-repeat; color:#fff; margin-top: 5px;
    padding-bottom: 9px;
    padding-top: 3px; padding-left: 65px; font-size: 24px;
    font-style: italic;
    font-weight: normal;
    height: auto;
    margin-bottom: 1px; text-transform: uppercase;
    width: 274px;}

.breadcrumbs{font-size:12px;; background:#bde898; padding:7px 20px; font-style:italic; margin-bottom:15px}
.breadcrumbs a{color:#000; text-decoration:none; font-size:13px}
.breadcrumbs a:hover{color:#179400}

.padding{padding-right:25px}

.newsdetails .title{border-top:1px solid #000; border-bottom:1px solid #000; color:#1c8421; font-size:18px; padding:2px 0 3px; margin-bottom:10px}
.newsdetails .date span{font-size:12px; color:#999; font-style:italic}
.newsdetails .date .share{float:right}
.newsdetails .date .share a{display:block; float:left; height:16px; width:16px; background:url(images/detailsiconshare.png) left top no-repeat; margin-left:7px}
.newsdetails .date .share a#sh2{background-position:-22px 0}
.newsdetails .date .share a#sh3{background-position:-46px 0}
.newsdetails .date .share a#sh4{background-position:-69px 0; width:22px}
.newsdetails .date .share a#sh5{background-position:-96px 0}
.newsdetails .cont{color:#444; text-align:justify}
.newsdetails .soci{float:right; margin-top: -31px;}
.newsdetails .soci a{float:left; display:block; height:17px; background:url(images/detailscosi.png) left top no-repeat; width:26px}
.newsdetails .soci > a + a{background-position:-32px 0; width: 59px; margin-left:7px}

.modtinlienquan ul{margin:12px 0; padding:0; list-style:none}
.modtinlienquan ul li{float:left; margin-right:11px; width:132px;}
.modtinlienquan ul > li + li + li + li + li{margin-right:0}
.modtinlienquan ul li img{width:100%; height:121px; margin-bottom:7px}
.modtinlienquan ul li a{color:#000; text-decoration:none; font-size:11px; line-height:0px}
.modtinlienquan ul li a:hover, .modcactinkhac ul li a:hover{color:#1c8421}

.modcactinkhac ul{margin:0px 0; list-style-image:url(images/iconlisttinkhac.png); padding:0 15px}
.modcactinkhac ul li{padding:3px 8px}
.modcactinkhac ul li a{text-decoration:none; color:#000;}
.modcactinkhac ul li a:hover{font-weight:600}


#featured{
    position:relative;
    height:243px; overflow:hidden;
}
#featured ul.ui-tabs-nav{
    position:absolute;
    top:0; left:406px;
    list-style:none;
    padding:0; margin:0;
    height:100%;
    overflow:hidden;
}
#featured ul.ui-tabs-nav li{
    padding-left:20px;
    margin-bottom: 10px;
    height:53px;
}
#featured ul.ui-tabs-nav li:nth-child(4){
    margin-bottom: 0px;
}
#featured ul.ui-tabs-nav li img{
    float:left; margin:0px 10px 0 0;
    height:53px; width:89px;
    border:1px solid #aebfd8;
}
#featured ul.ui-tabs-nav li span{
    line-height:18px;
    font-weight: 600;
}
#featured li.ui-tabs-nav-item a{
    display:block;
    text-decoration:none;
    color:#000;
    line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
    color:#1c8421;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{
    color:#1c8421;
}
#featured .ui-tabs-panel{
    width:406px; height:100%;
    position:relative;
}

#featured .ui-tabs-panel img{width:100%}
#featured .ui-tabs-panel .info{
    position:absolute;
    bottom:0; left:0;
    height:70px;
    background: url(images/opacitysile.png); padding:0 15px;
}
#featured .ui-tabs-panel .info a.hideshow{
    position:absolute; font-size:11px; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{
    color:#fff; padding:5px 0; margin:0; font-weight:600; font-size:14px;
    overflow:hidden;
}
#featured .info p{
    margin:0;
    font-size:12px;
    line-height:15px; color:#fff;
}
#featured .info a{
    text-decoration:none;
    color:#fff;
}
#featured .info a:hover{
    color:#1c8421;
}
#featured .ui-tabs-hide{
    display:none;
}




/* Container DIV - automatically generated */
.simply-scroll-container {
    position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.simply-scroll-list li img {
    border: none;
    display: block;
    width: 172px;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
    width: 938px;
    margin-top: 10px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
    width: 938px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    width: 172px;
    height: 111px; margin:0 8px;
}